.at-center {
    margin-left: 300px;
    margin-right: 300px;
    height: 100%;
    background-color: #cbd9ea;
}

ul {
    list-style-type: decimal;
    text-align: left;
}

li {
    padding: 10px;
}

#search-title{
    text-align:center;
    margin:0;
    padding-top:20%;
}

.float-left {
    float: left;
}

form {
    width:60%;
    margin:0 auto;
    padding-top: 20px;
}

#search-input-box{
    width:80%;
}

#set-background-color {
    background-color: #cbd9ea;
    height:100%;
}

input {
    padding: 8px;
    border-radius: 40px;
    outline: none;
    border: 1px solid #c89145;
    background-color: #f1ece9;
}

.overflow-text-ellipsis {
    text-overflow: ellipsis;
}

.search {
    color: #3666ad;
}

.curve {
    font-family: cursive;
    font-size: large;
    color: #000000;
}

.position {
    position: relative;
    top: 10%;
}

.input-search {
    padding: 14px;
    width: 82%;
    border: none;
    background-color: #faffbd;
}

.search-img {
    float: right;
    height: 30px;
    margin-right: 3%;
    margin-top: 1%;
}

.contain-search {
    border: 1px solid #c89145;
    background-color: #faffbd;
    border-radius: 40px;
    outline: none;
    width: 100%;
}
